<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php include('menu.php'); ?>
            <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css">
                <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
                <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
                <script type="text/javascript">
                $(function(){
                    var dateBefore=null;
                    $("#dateInput").datepicker({
                        dateFormat: 'dd-mm-yy',
                        dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
                        monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
                        changeMonth: true,
                        changeYear: true ,
                        beforeShow:function(){
                            if($(this).val()!=""){
                                var arrayDate=$(this).val().split("-");
                                arrayDate[2]=parseInt(arrayDate[2])-543;
                                $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                            }
                            setTimeout(function(){
                                $.each($(".ui-datepicker-year option"),function(j,k){
                                    var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
                                    $(".ui-datepicker-year option").eq(j).text(textYear);
                                });
                            },50);

                        },
                        onChangeMonthYear: function(){
                            setTimeout(function(){
                                $.each($(".ui-datepicker-year option"),function(j,k){
                                    var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
                                    $(".ui-datepicker-year option").eq(j).text(textYear);
                                });
                            },50);
                        },
                        onClose:function(){
                            if($(this).val()!="" && $(this).val()==dateBefore){
                                var arrayDate=dateBefore.split("-");
                                arrayDate[2]=parseInt(arrayDate[2])+543;
                                $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                            }
                        },
                        onSelect: function(dateText, inst){
                            dateBefore=$(this).val();
                            var arrayDate=dateText.split("-");
                            arrayDate[2]=parseInt(arrayDate[2])+543;
                            $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                        }

                    });
                });

                $(function(){
                    var dateBefore=null;
                    $("#dateInput1").datepicker({
                        dateFormat: 'dd-mm-yy',
                        dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
                        monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
                        changeMonth: true,
                        changeYear: true ,
                        beforeShow:function(){
                            if($(this).val()!=""){
                                var arrayDate=$(this).val().split("-");
                                arrayDate[2]=parseInt(arrayDate[2])-543;
                                $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                            }
                            setTimeout(function(){
                                $.each($(".ui-datepicker-year option"),function(j,k){
                                    var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
                                    $(".ui-datepicker-year option").eq(j).text(textYear);
                                });
                            },50);

                        },
                        onChangeMonthYear: function(){
                            setTimeout(function(){
                                $.each($(".ui-datepicker-year option"),function(j,k){
                                    var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
                                    $(".ui-datepicker-year option").eq(j).text(textYear);
                                });
                            },50);
                        },
                        onClose:function(){
                            if($(this).val()!="" && $(this).val()==dateBefore){
                                var arrayDate=dateBefore.split("-");
                                arrayDate[2]=parseInt(arrayDate[2])+543;
                                $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                            }
                        },
                        onSelect: function(dateText, inst){
                            dateBefore=$(this).val();
                            var arrayDate=dateText.split("-");
                            arrayDate[2]=parseInt(arrayDate[2])+543;
                            $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                        }

                    });
                });

                $(function(){
                    var dateBefore=null;
                    $("#dateInput2").datepicker({
                        dateFormat: 'dd-mm-yy',
                        dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
                        monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
                        changeMonth: true,
                        changeYear: true ,
                        beforeShow:function(){
                            if($(this).val()!=""){
                                var arrayDate=$(this).val().split("-");
                                arrayDate[2]=parseInt(arrayDate[2])-543;
                                $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                            }
                            setTimeout(function(){
                                $.each($(".ui-datepicker-year option"),function(j,k){
                                    var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
                                    $(".ui-datepicker-year option").eq(j).text(textYear);
                                });
                            },50);

                        },
                        onChangeMonthYear: function(){
                            setTimeout(function(){
                                $.each($(".ui-datepicker-year option"),function(j,k){
                                    var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
                                    $(".ui-datepicker-year option").eq(j).text(textYear);
                                });
                            },50);
                        },
                        onClose:function(){
                            if($(this).val()!="" && $(this).val()==dateBefore){
                                var arrayDate=dateBefore.split("-");
                                arrayDate[2]=parseInt(arrayDate[2])+543;
                                $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                            }
                        },
                        onSelect: function(dateText, inst){
                            dateBefore=$(this).val();
                            var arrayDate=dateText.split("-");
                            arrayDate[2]=parseInt(arrayDate[2])+543;
                            $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
                        }

                    });
                });
          </script>
          
                         <script language="javascript">

                    function open_popup(){

	
                 //       if(document.formreport.dateInput.value == "" )
                 //       {
                 //           alert('กรุณาเลือกช่วงเวลาที่ต้องการให้แสดง');
                  //          document.formreport.dateInput.focus();
                  //          return false;
                  //      }
                     

                //        if(document.formreport.dateInput.value >= document.formreport.dateInput2.value){
                  //      	alert('กรุณาเลือกช่วงเวลาระหว่างให้ถูกต้องค่ะ');
                    //    	document.formreport.dateInput2.focus();
                      //  	return false;
                        //}
	
                        document.formreport.submit();
                    }
                </script>
</head>
<body>
<div class="box">
  <div class="left"></div>
  <div class="right"></div>
    <div class="heading"><h1>รายงานการขายแยกตามประเภทการขาย</h1></div>
  <div class="content">
  <br /><br />
  <table class="list2" align="center" width="300" cellpadding="10">
        <thead>
          <tr>
            <td colspan="2" style="padding-left:10px;"><strong>กรุณาเลือกเวลา</strong></td>
          </tr>
        </thead>
        <tbody>
		<form action="report_sale2_show.php" target="_blank" name="formreport" method="post" id="formreport">
              <tr>
            <td align="left" style="padding-left:20px;" width="50px"><label><input type="radio" name="rtype" id="rtype1" value="day" />วันที่ </label></td>
            <td align="left" style="padding-left:10px;"><input name="dateInput" type="text" id="dateInput" onclick="JavaScript:document.formreport.rtype[0].checked=true" /></td>
          </tr>
           <tr>
            <td align="left" style="padding-left:20px;"><label><input type="radio" name="rtype" id="rtype2" value="month" />เดือน </label></td>
            <td align="left" style="padding-left:10px;"><select name="monthSelect" onclick="JavaScript:document.formreport.rtype[1].checked=true">
            	<option value="">::กรุณาเลือกเดือน::</option>
<?php 
$monthname = array("มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม");

	for($i=1;$i<=count($monthname);$i++)
		{
			echo "<option value=".$i."";
			echo ">".$monthname[$i-1]."</option>";

		}
?>
            </select>
            <select name="yearSelect" onclick="JavaScript:document.formreport.rtype[1].checked=true">
<?php 
	$yQuery = mysql_query("SELECT year(sale_datetime3) as year FROM sale GROUP BY year(sale_datetime3)");
	
	while ($yRow=mysql_fetch_array($yQuery)){
		
	$yYear = date("Y");
?>
		<option value="<?php echo $yRow['year']?>" <?php if($yYear=$yRow['year']){ echo "Selected"; } ?>><?php $yearRow=$yRow['year']+543; echo $yearRow; ?></option>
<?php 
	}
?>
            </select>
            </td>
          </tr>
              <tr>
            <td align="left" style="padding-left:20px;" width="50px"><label><input type="radio" name="rtype" id="rtype3" value="dateto" />ตั้งแต่ </label></td>
            <td align="left" style="padding-left:10px;"><input name="dateInput1" type="text" id="dateInput1" size="10" onclick="JavaScript:document.formreport.rtype[2].checked=true" /> ถึง <input name="dateInput2" type="text" id="dateInput2" size="10" onclick="JavaScript:document.formreport.rtype[2].checked=true" /></td>
          </tr>
                                    <tr>
                                        <td colspan="2" align="center"><div class="buttons"><a onclick="open_popup();" class="button"><span>แสดงรายงาน</span></a></div>           </td>
                                    </tr>
		  </form>
        </tbody>
      </table>
  </div>
</div>

</body>
</html>
